﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Easyui扩展库 判定组件 - 落阳 整理</title>
    <link href="http://www.easyui-extlib.com/Content/Site.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery/jquery-1.11.0.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-extensions/jquery.jdirk.js"></script>
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/base/jeasyui.extensions.base.isEasyUI.js"></script>
    <script>
        $(function () {
            $("#btn1").click(function () {
                if ($("#con1").isEasyUiComponent("validatebox")) { alert("该控件已经是 validatebox 。"); } else { alert("该控件不是 validatebox 。"); }
            });

            $("#btn2").click(function () {
                if ($("#con2").isEasyUiComponent("textbox")) { alert("该控件已经是 textbox 。"); } else { alert("该控件不是 textbox 。"); }

                if ($("#con2").isEasyUiComponent("validatebox")) { alert("该控件已经是 validatebox 。"); } else { alert("该控件不是 validatebox 。"); }
            });

            $("#btn3").click(function () {
                if ($("#con3").isEasyUiComponent("combobox")) { alert("该控件已经是 combobox 。"); } else { alert("该控件不是 combobox 。"); }
            });

            $("#btn4").click(function () {
                if ($("#con4").isEasyUiComponent("combobox")) { alert("该控件已经是 combobox 。"); } else { alert("该控件不是 combobox 。"); }
            });
        });
    </script>
</head>
<body>
    <div class="easyui-panel" data-options="fit:true,border:false" style="padding:20px;">
        这是一个 easyui-validatebox ，状态：已经完成初始化
        <br />
        <input id="con1" class="easyui-validatebox" type="text" value="" />
        <br />
        <a id="btn1" class="easyui-linkbutton" data-options="">检查其是否是“validatebox”</a>
        <br />
        <br />
        <br />

        这是一个 easyui-textbox ，状态：已经完成初始化
        <br />
        <input id="con2" class="easyui-textbox" type="text" value="" />
        <br />
        <a id="btn2" class="easyui-linkbutton" data-options="">检查其是否是“textbox、validatebox”</a>
        <br />
        <br />
        <br />

        这是一个 easyui-combobox，状态：未完成初始化
        <br />
        <select id="con3" style="width:100px;">
            <option value="1">第1项</option>
            <option value="2">第2项</option>
            <option value="3">第3项</option>
            <option value="4">第4项</option>
            <option value="5">第5项</option>
        </select>
        <br />
        <a id="btn3" class="easyui-linkbutton" data-options="">检查其是否是“combobox”</a>
        <br />
        <br />
        <br />

        这是一个 easyui-combobox，状态：已完成初始化
        <br />
        <select id="con4" class="easyui-combobox" style="width:100px;">
            <option value="1">第1项</option>
            <option value="2">第2项</option>
            <option value="3">第3项</option>
            <option value="4">第4项</option>
            <option value="5">第5项</option>
        </select>
        <br />
        <a id="btn4" class="easyui-linkbutton" data-options="">检查其是否是“combobox”</a>
        <br />
        <br />
    </div>
</body>
</html>
